<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import { showDialog } from 'vant'
import tabbar from '@/components/tabbar.vue'
import navbar from '@/components/navbar.vue'

// defineProps<{ msg: string }>()

const active = ref(0)
// const username = ref('')
// const password = ref('')
// ruoter
const router = useRouter()

const value = ref('123')
const showKeyboard = ref(true)

onMounted(() => {
  // showDialog({
  //   message: '你当前不具备支付督察信息员资格！\n请进行资格申请',
  //   theme: 'round-button',
  //   confirmButtonText: '申请资格'
  // }).then(() => {
  //   // on close
  //   router.push({ path: 'application' })
  // })
})
</script>

<template>
  <navbar title="锁仓记录" :left="true"> </navbar>

  <div class="page">

    <p>输入密码</p>
    <van-password-input :value="value" :focused="showKeyboard" @focus="showKeyboard = true" />
  </div>
  <!-- 数字键盘 -->
  <van-number-keyboard v-model="value" :show="showKeyboard" @blur="showKeyboard = false" />
  <tabbar />
</template>

<style scoped lang="scss">
.page {
  padding: 10px;
  p{
    text-align: center;
    margin-bottom: 50px;
  }
}
</style>
